﻿/* 主窗口 */
.MainWindow {
    position: absolute;
    width: 320px;
    height: 425px;
    border: 1px solid gray
}

/* 游戏区域 */
.GameBoard {
    position: absolute;
    top: 50px
}

/* 工具栏按钮 */
.ToolbarButton {
    position: absolute;
    top: 10px;
    width: 36px;
    height: 36px;
    border: none 
}

/* "状态栏"标签 */
.Label {
    position: absolute;
    font-size: 14px;
    border: solid 1px gray;
    top: 402px;
    height: 22px 
}

/* "开始"按钮 */
.IDC_BUTTON_START {
    left: 8px;
    background: url(res/Start.png) no-repeat;
}
.IDC_BUTTON_START:active {
    background: url(res/Start_Pressed.png) no-repeat
}

/* "暂停"按钮 */
.IDC_BUTTON_PAUSE {
    left: 54px;
    background: url(res/Pause_Disabled.png) no-repeat 
}

/* "音乐"按钮 */
.IDC_BUTTON_MUSIC {
    left: 100px;
    background: url(res/Music.png) no-repeat 
}

/* "帮助"按钮 */
.IDC_BUTTON_HELP {
    left: 146px;
    background: url(res/Help.png) no-repeat 
}
.IDC_BUTTON_HELP:active {
    background: url(res/Help_Pressed.png) no-repeat;
    border: none 
}

/* "难度"标签 */
.IDC_LABEL_DIFFICULTY {
    left: 0px;
    width: 159px 
}

/* "得分"标签 */
.IDC_LABEL_SCORE {
    left: 160px;
    width: 159px 
}

/* 弹出式菜单 */
ul {
    position: absolute;         /* 位置：绝对 */
    padding: 0;                 /* 和左边界的距离 */
    margin: 0;                  /* 和上边界的距离 */
    list-style-type: none;      /* 去掉方块和圆 */
    display: none               /* 不显示 */
}

/* 弹出式菜单的菜单项 */
ul li a {
    display: block;             /* 按块状显示 */
    text-decoration: none;      /* 去掉下划线 */
    width: 80px;                /* 宽度 */
    height: 30px;               /* 高度 */
    line-height: 30px;          /* 文字垂直居中(实际是文字高度，与自身高度相同即达到文字垂直居中效果) */
    color: black;               /* 文字颜色 */
    background: #eaf0ff;        /* 背景色 */
    font-size: 13px;            /* 文字尺寸 */
    overflow: hidden;           /* 超出显示区域的文字不显示 */
    text-align: center;         /* 文字居中 */
    border: 1px outset;         /* 边框 */
    cursor: default             /* 光标形状 */
}

/* 当鼠标悬停在菜单项上时 */
ul li:hover a {
    background: #fdf4bf;        /* 文字颜色 */
    color: black                /* 背景色 */
}

/* 对话框 */
.Dialog {
    position: fixed;            /* 位置：绝对 */
    padding-left: 16px;         /* 控件左边距 */
    display: none               /* 默认不显示 */
}

/* 对话框背景 */
.IDC_DIALOG_BACKGROUND {
    top: 0;                     /* 左、上、右、下设为零，则尺寸占据整个页面 */
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0f0f0f;  /* 背景色 */
    opacity: 0.5                /* 透明度 */
}
